<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>春节倒计时</title>
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">  
    <link href="./css/timerstyle.css" rel="stylesheet">
    
</head>

<body>
    <div class=" jishiqi">
        <div class="">
            <div class="dl-left "><span ><p>五更分两年年年称心</p></span></div>
            <div class="dl-center ">
                 <div>
                    <h1>距离春节还有</h1>
                    <ul class="countdown">
                        <li> <span class="days">00</span>
                            <p class="days_ref">天</p>
                        </li>
                    
                        <li> <span class="hours">00</span>
                            <p class="hours_ref">小时</p>
                        </li>
                   
                        <li> <span class="minutes">00</span>
                            <p class="minutes_ref">分</p>
                        </li>
                    
                        <li> <span class="seconds">00</span>
                            <p class="seconds_ref">秒</p>
                        </li>
                    </ul>
                </div> 
                    
            </div>
            <div  class="dl-right "> <span><p>一夜连两岁岁岁如意</p></span></div>
        </div>
        
    </div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.downCount.js"></script>
    <script type="text/javascript">
        $('.countdown').downCount({
            date: '1/25/2020 00:00:00',
            offset: +10
        }, function () {
            alert('倒计时结束!');
        });
    </script>

   
</body>

</html>